<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<style>
  .css {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 100px auto;
    background-color: pink;
    text-align: center;
    /*-webkit-animation: myAnimation 100ms ease-in-out 0s infinite alternate;*/
    /*-o-animation: myAnimation 100ms ease-in-out 0s infinite alternate;*/
    /*animation: myAnimation 100ms ease-in-out 0s infinite alternate;*/
  }

  @keyframes myAnimation {
    0% {
      margin-left: 20px;
    }
    100% {
      margin-left: 0px;
    }


  }
</style>

<body>
<transition name="fade">

  <div class="css">sss</div>
</transition>
</body>

</html>
